<div data-page="vibrate" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Vibrate</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <blockquote>This plugin provides a way to vibrate the device.
                <br/>This plugin aligns with the W3C vibration specification http://www.w3.org/TR/vibration/
                <br/>This plugin defines global objects including navigator.vibrate.
            </blockquote>
        </div>
        <div class="content-block">
            <div class="content-block-inner">
                <h4 class="help">
                    <b>Vibrate with a pattern</b> [1000, 1000, 3000, 1000, 5000], only support Android
                    <br>
                    <b>Cancel vibrate</b> not supported in iOS
                </h4>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised btn-vibrate1">Vibrate for 3 seconds</a>
                </p>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised btn-vibrate2">Vibrate with a pattern</a>
                </p>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised color-red btn-cancel">Cancel vibrate</a>
                </p>
            </div>
        </div>
    </div>
</div>